<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
    <title>诊疗行为监管</title>
    <style type="text/css">@import url("<c:url value="/plugins/layui/css/layui.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap-select.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/home_page_common.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/css/prescription_supervision/prescription_supervision.css"/>");</style>
    <script type="text/javascript">window.HOST_TYPE='2'</script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=uOqdzZgQFY83xmQ4bqIQlixR&s=1"></script>
</head>
<body style="padding-top: 0px!important; overflow-y: scroll">
<!-- Preloader -->
<div class="animationload">
    <div class="loader">
        Loading...
    </div>
</div>
<!--跳转过来前是否为全屏状态-->
<input type="hidden" id="screenState" value="${screenState}">
<div class="outer" style="display: inline-block;">
    <div class="fullScreen">
        <header>
            <div class="head tag-area tag-left">
                <div class="tag" id="institutionReview"><span>机构信息</span></div>
                <div class="tag" id="institutionAutonomy"><span>机构自治</span></div>
                <div class="tag" id="industryAutonomy"><span>行业自律</span></div>
                <div class="tag checked" id="governmentVision"><span>政府监管</span></div>
            </div>
            <div class="head title"></div>
            <div class="head tag-area tag-right">
                <div class="tag" id="societyVision"><span>社会监督</span></div>
                <div class="tag" id="comprehensiveApplication"><span>综合应用</span></div>
                <div class="tag" id="systemSetting"><span>系统设置</span></div>
                <div class="tag" id="logout"><span>退出系统</span></div>
            </div>
            <div class="head fullscreen-button">
                <img id="full_scr" style="height: 0.2rem;right: 0.1rem;" class="fullScreen-toggle" src="img/fullscreen.png">
                <img id="exit_full"  class="fullScreen-toggle" style="display:none; height: 0.2rem;right: 0.1rem;" src="img/exitfullscreen.png">
            </div>
        </header>

        <div class="backRow" style="top: 9%; left: 1.5%;">
            <div class="childTag">诊疗行为监管</div>
        </div>

        <div class="search">
            <input type="text" class="searchFont" placeholder="输入医疗机构名称" id="insitutionNameSearch">
            <button id="institutionDetails" class="btn-primary" type="button" value="prescriptionSupervision">搜索</button>
        </div>

        <div class="search-menu" id="searchMenu" style="display: none">
            <div class="form-inline" style="width: 5.3rem; min-height: 1rem;">
                <select class="selectpicker" title="行业" id="industrySelect">
                    <option value="" id="industryOption">行业</option>
                </select>
                <select class="selectpicker" title="街道" id="streetSelect">
                    <option value="" id="streetOption">街道</option>
                </select>
                <select class="selectpicker" title="经济性质" id="economicSelect">
                    <option value="" id="economicOption">经济性质</option>
                    <option value="0" id="economicOption0">公立</option>
                    <option value="1" id="economicOption1">民营</option>
                </select>
                <select class="selectpicker" title="等级" id="levelSelect">
                    <option value="" id="levelOption">等级</option>
                </select>
                <select class="selectpicker" title="所有权性质" id="ownershipSelect">
                    <option value="" id="ownershipOption">所有权性质</option>
                </select>
            </div>
            <table class="table table-hover search-table" style="margin-top: 0.1rem">
                <tbody id="searchList"></tbody>
            </table>
            <div class="layui-table-page">
                <div id="searchPagination"></div>
            </div>
        </div>

        <%--infowindow--%>
        <div id="infoWindow" style="display: none">

        </div>

        <%--左部--%>
        <div class="leftColumn">
            <%--处方违规数趋势--%>
            <div class="trend">
                <div class="title_img">
                    <span class="titleFont">处方违规数趋势</span>
                    <a href="javascript:toWorkbench('invs_prescription_violate.do', 9, 2)" style="float: left;">
                        <span class="titleFont" style="position: absolute; right: 0; cursor: default">查看 ></span>
                    </a>
                </div>
                <div class="trendChart" id="trendLine"></div>
            </div>
            <%--处方违规机构等级--%>
            <div class="level">
                <div class="title_img"><span class="titleFont">处方违规机构等级</span></div>
                <div class="levelChart" id="levelBar"></div>
            </div>
            <%--违规机构、违规处方占比--%>
            <div class="proportion">
                <div class="proportionRect">
                    <div class="proportionAbove" id="illegalInstitutionsProportion">
                        <%--<span>50家</span>
                        <span>2%</span>--%>
                    </div>
                    <div class="record_img"></div>
                    <div class="base_img"></div>
                    <span class="proportionBottom">违规机构</span>
                </div>
                <div class="proportionRect">
                    <div class="proportionAbove" id="illegalPrescriptionProportion">
                        <%--<span>500份</span>
                        <span>5%</span>--%>
                    </div>
                    <div class="record_img"></div>
                    <div class="base_img"></div>
                    <span class="proportionBottom">违规处方</span>
                </div>
            </div>
        </div>

        <%--右部--%>
        <div class="rightColumn">
            <%--处方违规机构街道分布--%>
            <div class="distribution">
                <div class="title_img"><span class="titleFont">处方违规机构街道分布</span></div>
                <div class="distributionChart" id="distributionPolar"></div>
            </div>
            <%--处方违规类型--%>
            <div class="type">
                <div class="title_img"><span class="titleFont">处方违规类型</span></div>
                <div class="typeChart" id="typeBar"></div>
            </div>
        </div>

        <%--中底--%>
        <div class="midlleBottom">
            <div class="industry">
                <div class="bottomTitle_img"><span class="bottomTitleFont">处方违规机构行业性质</span></div>
                <div class="industryChart" id="industryPie"></div>
            </div>
            <div class="economic">
                <div class="bottomTitle_img"><span class="bottomTitleFont">处方违规机构经济性质</span></div>
                <div class="economicChart" id="economicPie">

                </div>
            </div>
        </div>

        <%--地图图例--%>
        <div class="mapLegend">
            <div class="mapLegendDot"></div>
            <span class="mapLegendFont">诊疗行为异常</span>
        </div>

        <footer>
            <div><span>设计单位：杭州全诊医学科技有限公司 www.aioclinic.com</span></div>
        </footer>
    </div><!-- fullScreenDiv -->
    <div id="container"></div>
    <%--中顶--%>
    <div class="middleAbove">
        <span class="middleAboveFont">监管处方</span>
        <div class="middleAboveNumLine" id="prescriptionSupervisionTotal">
            <%--<span class="middleAboveNumFont">1</span>
            <span class="middleAboveNumFont">1</span>
            <span class="middleAboveNumFont">2</span>
            <span class="middleAboveNumFont">6</span>
            <span class="middleAboveNumFont">6</span>--%>
        </div>
    </div>
</div>
<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/plugins/layui/layui.all.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap-select.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.1.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/mapStyle.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/my_map.js?V0.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/prescription_supervision/prescription_supervision.js?V0.3"/>" type="text/javascript"></script>
</body>
</html>
